<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <link rel="stylesheet" href="fonts/iconfont.css">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet/less" type="text/css" href="css/xStyle.less"/>
    <script type="text/javascript" src="js/lib/less.js"></script>
    <style>
        h1 {
            margin: 2rem;
        }
    </style>
</head>

<body>
<div>

    <div>
        <div>
            <div id='div1'></div>
        </div>
    </div>

    <div>
        <div>
             <button onclick ="show(event)">显示</button>
        </div>
        <div>          
            <div id="json2">

            </div>
        </div>
    </div>

</div>
</body>
<script type="module">
   
       import xSetColsModal from './js/src/xSetColsModal.js';
    
    let cols = [{title:"id",show:2},{title:"idddddddddd1",show:0},{title:"id2",show:1},{title:"id3"}];
    
    let colModal = new xSetColsModal({cols:cols,title:'设置列的显示'});
       
    window.show=function(e){
    	colModal.show();
    }
    
</script>

</html>